<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="Bookmark" href="/favicon.ico">
		<link rel="Shortcut Icon" href="/favicon.ico" />
		<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
		<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
		<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
		<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
		<!--/meta 作为公共模版分离出去-->

		<title>添加用户 - 胆款流转实时监控管理系统 v1.0</title>
		<meta name="keywords" content="胆款流转实时监控管理系统 v1.0">
		<meta name="description" content="胆款流转实时监控管理系统 v1.0">
		<style type="text/css">
			#cr_input {
				outline: none;
				border: thin solid rgba(82, 168, 236, 0.8);
				box-shadow: 0 0 6px rgba(82, 168, 236, 0.6);
				resize: none;
				height: 50px;
				font-size: 16px;
			}
		</style>
	</head>
	<body>
		<article class="page-container">
			<form class="form form-horizontal" id="form-member-add">
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3" style="width: 20%;"><span class="c-red">*</span>胆(C)/包(R)号：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<!-- id="textarea"<input type="text" class="input-text" name="cr_input" id="cr_input" disabled="disabled"> -->
						<textarea id="cr_input" name="cr_input" cols="" rows="" class="input-text" disabled="disabled"></textarea>
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3" style="width: 20%;"><span class="c-red">*</span>所属公司：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<select class="select" id="comId" name="comId" style="height: 30px;">
							<option value="">请选择分公司</option>
						</select>
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3" style="width: 20%;"><span class="c-red">*</span>所属部门：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<select class="select" id="officeId" name="officeId" style="height: 30px;">
							<option value="">请选择票务室</option>
						</select>
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3" style="width: 20%;"><span class="c-red">*</span>状态：</label>
					<div class="formControls col-xs-8 col-sm-9 skin-minimal" id="cashboxStatus">
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-3" style="width: 20%;">备注：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<textarea id="beizhu" name="beizhu" cols="" rows="" class="textarea" placeholder="说点什么...最少输入10个字符" onKeyUp="$.Huitextarealength(this,100)"></textarea>
						<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
					</div>
				</div>
				<div class="row cl">
					<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3" style="margin-left: 0;text-align: center;vertical-align: middle;width: 100%;">
						<input class="btn btn-primary radius" type="button" onclick="updateCashBox()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
					</div>
				</div>
			</form>
		</article>

		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
		<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
		<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
		<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
		<!--/_footer 作为公共模版分离出去-->

		<!--请在下方写此页面业务相关的脚本-->
		<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
		<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
		<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
		<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
		<script type="text/javascript" src="js/jquery.base64.js"></script>
		<script type="text/javascript">
			var crType = "";
			console.log(localStorage.getItem("cashboxAll"))
			var cashboxAll = localStorage.getItem("cashboxAll")
			$(function() {
				$('.skin-minimal input').iCheck({
					checkboxClass: 'icheckbox-blue',
					radioClass: 'iradio-blue',
					increaseArea: '20%'
				});
				var url = location.search; //获取url中"?"符后的字串
				var strs = '';
				var strs2 = '';
				if (url.indexOf("?") != -1) { //判断是否有参数
					var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
					strs = str.split("="); //用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
					console.log(strs[1]); //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
					strs2 = strs[1]
				}
				if (strs2 == 'all') {
					queryCashBoxAllById(cashboxAll);
				} else {
					queryCashBoxById();
				}
			});
			var urls = 'http://localhost:8000/';
	
			
			//本地调试
			//var urlsCashbox = 'http://localhost:8000/cashbox/';
			//调用report服务中的分公司与票务室方法
			//var urlsReport = 'http://localhost:8800/report/';
			//阿里云调试
			//var urlsReport = 'http://39.100.91.49:8800/report';
			//上线部署
			var urlsCashbox = '/apis/base/cashbox/';
			var urlsReport = '/apis/report/report';

			function queryCashBoxById() {
				//alert(location.search)
				var url = location.search; //获取url中"?"符后的字串
				var strs = '';
				var strs2 = '';
				if (url.indexOf("?") != -1) { //判断是否有参数
					var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
					strs = str.split("="); //用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
					console.log(strs[1]); //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
					strs2 = strs[1]
				}

				$.ajax({
					type: 'POST',
					url: urlsCashbox + 'updateCashboxByOneOrMore',
					dataType: 'json',
					/* beforeSend: function(request) {
						request.setRequestHeader("Authorization", "Bearer " + getCookie('token'));
					}, */
					data: {
						cashboxId: strs2
					},
					cache: false,
					success: function(data) {
						var cashboxList = data.cashboxList;
						var companyList = data.companyList;
						var officeList = data.officeList;
						console.log(JSON.stringify(data.cashboxList))
						console.log(JSON.stringify(data.companyList))
						//console.log(JSON.stringify(officeList))
						//alert(cashboxList[0].comid)
						crType = cashboxList[0].type;
						document.getElementById("cr_input").value = cashboxList[0].id;
						//alert(JSON.stringify(cashboxList[0].office.id))
						for (var i = 0; i < companyList.length; i++) {
							$("#comId").append("<option value='" + companyList[i].companyid + "'>" + companyList[i].companyname +
								"</option>");
							if (cashboxList[0].office){
								if (cashboxList[0].office.company.companyid == companyList[i].companyid) {
									document.getElementById("comId").value = companyList[i].companyid;
									for (var j = 0; j < officeList.length; j++) {
										if (companyList[i].companyid == officeList[j].company.companyid) {
											$("#officeId").append("<option value='" + officeList[j].id + "'>" + officeList[j].officename + "</option>");
											if (cashboxList[0].office.id == officeList[j].id) {
												document.getElementById("officeId").value = officeList[j].id;
											}
										}
									}
								} 
							}
							if (cashboxList[0].comid){
								if (cashboxList[0].comid == companyList[i].companyid) {
									document.getElementById("comId").value = companyList[i].companyid;
									for (var j = 0; j < officeList.length; j++) {
										if (companyList[i].companyid == officeList[j].company.companyid) {
											$("#officeId").append("<option value='" + officeList[j].id + "'>" + officeList[j].officename + "</option>");
											/* if (cashboxList[0].office.id == officeList[j].id) {
												document.getElementById("officeId").value = officeList[j].id;
											} */
										}
									}
								} 
							}	
							 
						}
						if (cashboxList[0].status == "1") {
							var html = '<div class="radio-box">' +
								'<input name="status" type="radio" value="1" id="status-1" checked="checked">' +
								'<label for="status-1">启用</label>' +
								'</div>' +
								'<div class="radio-box">' +
								'	<input name="status" type="radio" value="0" id="status-2">' +
								'	<label for="status-2">停用</label>' +
								'</div>';
							$("#cashboxStatus").append(html);
						} else {
							var html = '<div class="radio-box">' +
								'<input name="status" type="radio" value="1" id="status-1">' +
								'<label for="status-1">启用</label>' +
								'</div>' +
								'<div class="radio-box">' +
								'	<input name="status" type="radio" value="0" id="status-2" checked="checked">' +
								'	<label for="status-2">停用</label>' +
								'</div>';
							$("#cashboxStatus").append(html);
						}
						if (cashboxList[0].summary == "") {
							document.getElementById("beizhu").value = "无";
						} else {
							document.getElementById("beizhu").value = cashboxList[0].summary;
						}
					},
					error: function(data) {
						console.log(data.msg);
					}
				});
				//查询票务室
				$("#comId").change(function() {
					
					$("#officeId").empty();
					var comId = $(this).val();
					//alert(comId)
					var targetUrl = urlsReport + '/getTicktOfficeByCom';
					if (comId == '') {
						//$("#toId").fadeOut("slow");
						return;
					}
					$.ajax({
						type: 'get',
						url: targetUrl,
						data: {
							"comId": comId
						},
						cache: false,
						/* beforeSend: function(request) {
							request.setRequestHeader("Authorization", "Bearer " + getToken());
						}, */
						dataType: 'json',
						success: function(data) {
							//var list = data.list;
							var list = eval('(' + data.list + ')');
							var option ='<option value="" selected>请选择票务室</option>';
							for (var i = 0; i < list.length; i++) {
								option += '<option value="' + list[i].toiid + '">' + list[i].toiname + '</option>';
							}
							$("#officeId").append(option);
						},
						error: function() {
							console.log("请求失败");
						}
					});
				});
			}

			function updateCashBox() {
				var cashbox = document.getElementById("cr_input").value;
				var comSelect = $('#comId option:selected').val();
				var officeSelect = $('#officeId option:selected').val();
				var status = $("input[type='radio']:checked").val();
				var summary = $("#beizhu").val()
				$.ajax({
					type: 'POST',
					url: urlsCashbox + 'updateCashBoxById',
					dataType: 'json',
					data: {
						id: cashbox,
						comSelect: comSelect,
						officeSelect: officeSelect,
						status: status,
						summary: summary,
						crType: crType
					},

					/* beforeSend: function(request) {
						request.setRequestHeader("Authorization", "Bearer " + getCookie('token'));
					}, */
					success: function(data) {
						console.log("触发")
						console.log(data.msg)
						console.log(JSON.stringify(data.msg))
						if (data.msg != null) {
							var index = parent.layer.getFrameIndex(window.name);
							parent.$('.btn-refresh').click();
							parent.layer.close(index);
						}
					},
					error: function(data) {
						console.log(data.msg);
					}
				});
			}

			function queryCashBoxAllById(cashboxAll) {
				var textArea = document.getElementById('cr_input');
				var scrollHeight = textArea.scrollHeight;
				var height = textArea.offsetHeight;
				//alert(scrollHeight+"/"+height)
				if (height < scrollHeight) {
					textArea.style.height = textArea.scrollHeight + 'px';;
				}

				$.ajax({
					type: 'POST',
					url: urlsCashbox + 'updateCashboxByOneOrMore',
					dataType: 'json',
					/* beforeSend: function(request) {
						request.setRequestHeader("Authorization", "Bearer " + getCookie('token'));
					}, */
					data: {
						cashboxId: cashboxAll
					},
					cache: false,
					success: function(data) {
						var cashboxList = data.cashboxList;
						var companyList = data.companyList;
						var officeList = data.officeList;
						console.log(JSON.stringify(data.cashboxList))
						//console.log(JSON.stringify(data.companyList))
						//console.log(JSON.stringify(data.officeList))
						//alert(cashboxList[0].comid)
						document.getElementById("cr_input").value = cashboxAll.substring(0, cashboxAll.lastIndexOf(','));
						for (var i = 0; i < companyList.length; i++) {
							$("#comId").append("<option value='" + companyList[i].companyid + "'>" + companyList[i].companyname +
								"</option>");
						}
						var html = '<div class="radio-box">' +
							'<input name="status" type="radio" value="1" id="status-1" checked="checked">' +
							'<label for="status-1">启用</label>' +
							'</div>' +
							'<div class="radio-box">' +
							'	<input name="status" type="radio" value="0" id="status-2">' +
							'	<label for="status-2">停用</label>' +
							'</div>';
						$("#cashboxStatus").append(html);
						document.getElementById("beizhu").value = "无";
					},
					error: function(data) {
						console.log(data.msg);
					}
				});
				//查询票务室
				$("#comId").change(function() {
					$("#officeId").empty();
					var comId = $(this).val();
					var targetUrl = urlsReport + '/getTicktOfficeByCom';
					if (comId == '') {
						//$("#toId").fadeOut("slow");
						return;
					}
					$.ajax({
						type: 'get',
						url: targetUrl,
						data: {
							"comId": comId
						},
						cache: false,
						/* beforeSend: function(request) {
							request.setRequestHeader("Authorization", "Bearer " + getToken());
						}, */
						dataType: 'json',
						success: function(data) {
							//var list = data.list;
							var list = eval('(' + data.list + ')');
							var option ='<option value="" selected>请选择票务室</option>';
							for (var i = 0; i < list.length; i++) {
								option += '<option value="' + list[i].toiid + '">' + list[i].toiname + '</option>';
							}
							$("#officeId").append(option);
						},
						error: function() {
							console.log("请求失败");
						}
					});
				});
			}
		</script>
		<!--/请在上方写此页面业务相关的脚本-->
	</body>
</html>
